
.index{
    width:100%;
    height:100%;
    display: flex;
    background: #f4f4f4;
}
.aside{
    width:280px;
    height:100%;
    background: rgb(12, 182, 40);
}

.aright{
    flex:1;
    height:100%;
    overflow: hidden;
    background: darkgrey;
}

.rightbox{
    width:100%;
    height:100%;
    background: darkkhaki;
}

.head{
    width:100%;
    height:70px;
    background: #0bb6eb;
    display: flex;
    align-items: center;
    padding:0 15px;
}
.center{
    flex:1;
}
.hright{
    width:180px;
}
.content{
    width:100%;
    height:calc(100% - 140px);
    background: rgb(250, 247, 247);
    overflow: auto;  /* 超出滚动 */
}
.footer{
    width:100%;
    height:70px;
    background: #ebd407;
}
.txt{
    text-align: center;
    line-height: 70px;
    font-size: 24px;

}